${require('./_head.html') title="Cards" description="A flexible container with graceful spacings across devices and viewports." canonical="cards.html" } ${require('./_nav.html')}
${require('./_sidebar.html') active="cards-link"}

Cards

A flexible container with graceful spacings across devices and viewports.

I'm a card! 
<article>I'm a card!</article>

You can use <header> and footer <footer> inside <article>

Header
Body
Footer
<article>
  <header>Header</header>
  Body
  <footer>Footer</footer>
</article>
${require('./_footer.html')}